<template>
	<view class="map-content">
		<view class="list">
			<template v-if="incubatorsList.length>0">
				<view class="list-item" @click="navigate('/page_other/serve/incubation_base_detaail?id='+item.id)"
					v-for="item in incubatorsList" :key="item.id">
					<view class="left">
						<view class="title FangZhengHanZhenGuangBiaoJianTi" style="font-size: 30rpx;">
							{{item.name}}
						</view>
						<view class="site">
							{{item.address}}
						</view>
					</view>
					<view class="right">
						<view class="more iconfont icon-gengduo1">
							<!-- <image
								src="https://job-1306862033.cos.ap-chengdu.myqcloud.com/miniprogram-static/home/cyfw/%E6%9B%B4%E5%A4%9A.png"
								mode=""></image> -->
						</view>
					</view>
				</view>
			</template>
			<view v-else class="block list-block">
				<view class="empty">暂无数据</view>
			</view>
		</view>
	</view>
	</view>

</template>

<script>
	import {
		getIncubatorsListApi,
	} from '@/api/incubation_base.js';
	export default {
		data() {
			return {
				id: null,
				incubatorsList: [],
			}
		},
		methods: {
			getIncubatorsList() {
				getIncubatorsListApi({
					baseId: this.id
				}).then((res) => {
					this.incubatorsList = res
				})
			},
			navigate(url) {
				uni.navigateTo({
					url
				})
			}

		},
		onLoad(e) {
			this.imageUrl = this.globalConfig.imageUrl
			this.id = e.id
			this.getIncubatorsList()
		}
	}
</script>

<style lang="scss" scoped>
	$box-shadow: 0 0 10px 0 #efefef;

	.list {
		width: 90%;
		margin: 0 auto;
		padding: 30rpx 0;

		.list-item {
			display: flex;
			justify-content: space-between;
			align-items: center;
			width: 100%;
			height: 220rpx;
			background-color: #fff;
			border-radius: 20rpx;
			padding: 20rpx;
			margin-bottom: 30rpx;


			.left {
				width: 80%;
				line-height: 75rpx;

				.title {}

				.site {}

			}

			.right {
				width: 10%;
				display: flex;
				justify-content: right;

				.more {
					width: 65%;
					height: 35%;
				}

				image {
					width: 100%;
					height: 100%;

				}

			}

		}
	}
</style>